<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:p="http://primefaces.org/ui" xmlns:a4j="http://richfaces.org/a4j"
	xmlns:c="http://java.sun.com/jsp/jstl/core">


	<h:panelGrid id="display" columns="2" cellpadding="4"
		style="width:300px;" styleClass="ui-widget-content"
		columnClasses="label, value">

		<f:facet name="header">
			<center>
				<p:commandButton type="button" onclick="switcher.previous();"
					icon="ui-icon-circle-triangle-w" />
				<p:commandButton type="button" onclick="switcher.next();"
					icon="ui-icon-circle-triangle-e" />

				<p:imageSwitch effect="shuffle" widgetVar="switcher"
					slideshowAuto="false" style="height:300px; width:300px;">
					<ui:repeat value="#{AygitBean.selectedAygitObjectResList}"
						var="image">
						<p:graphicImage value="#{image}"
							style="height:300px; width:300px;" />
					</ui:repeat>
				</p:imageSwitch>
			</center>
		</f:facet>
		<f:facet name="header">
			<p:separator id="customSeparator" style="width:300px;height:20px"
				title="Özellikler" />
		</f:facet>

		<h:outputText value="Firma:" />
		<h:outputText id="urunFirmaIsim"
			value="#{AygitBean.selectedAygitObject.sirketprofil.firmaAd}" />

		<h:outputText value="Marka:" />
		<h:outputText id="urunMarka"
			value="#{AygitBean.selectedAygitObject.aygit.marka}" />

		<h:outputText value="Model:" />
		<h:outputText id="firmaModel"
			value="#{AygitBean.selectedAygitObject.aygit.model}" />

		<h:outputText value="USB Versiyon:" />
		<h:outputText id="urunUsbVersiyon"
			value="#{AygitBean.selectedAygitObject.usbVersiyon}" />

		<h:outputText value="Tipi:" />
		<h:outputText id="urunTipi"
			value="#{AygitBean.selectedAygitObject.tipi}" />

		<h:outputText value="Kapasite:" />
		<h:outputText id="urunKapasite"
			value="#{AygitBean.selectedAygitObject.kapasite}" />

		<h:outputText value="Okuma Hızı:" />
		<h:outputText id="urunOkumaHizi"
			value="#{AygitBean.selectedAygitObject.okumaHizi}" />

		<h:outputText value="Yazma Hızı:" />
		<h:outputText id="urunYazmaHizi"
			value="#{AygitBean.selectedAygitObject.yazmaHizi}" />

		<h:outputText value="Boyutları:" />
		<h:outputText id="urunboyutlari"
			value="#{AygitBean.selectedAygitObject.boyutlari}" />

		<h:outputText value="Ağırlık:" />
		<h:outputText id="urunAgirlik"
			value="#{AygitBean.selectedAygitObject.agirlik}" />

		<h:outputText value="Platform:" />
		<h:outputText id="urunPlatform"
			value="#{AygitBean.selectedAygitObject.platform}" />

		<h:outputText value="Renk:" />
		<h:outputText id="urunRenk"
			value="#{AygitBean.selectedAygitObject.renk}" />

		<h:outputText value="Çaliş Çıkarma:" />
		<h:outputText id="uruncalisCikarma"
			value="#{AygitBean.selectedAygitObject.calisCikarma}" />

		<h:outputText value="Led ışığı:" />
		<h:outputText id="urunLedisigi"
			value="#{AygitBean.selectedAygitObject.ledisigi}" />

		<h:outputText value="Readyboast:" />
		<h:outputText id="urunReadyboast"
			value="#{AygitBean.selectedAygitObject.readyboast}" />

		<h:outputText value="Garanti Suresi:" />
		<h:outputText id="urunGarantiSuresi"
			value="#{AygitBean.selectedAygitObject.garantiSuresi}" />
	</h:panelGrid>

</ui:composition>